<template>
  <div id="returnTop">
    <a href="#" title="回到顶部">
      <div id="top">
          <i class="el-icon-caret-top"></i>
      </div>
    </a>
  </div>
</template>

<script>
export default {
  name: "returnTop"
}
</script>

<style scoped>
    #returnTop #top{
      width:50px;
      height:50px;
      border-radius: 50%;
      text-align: center;
      line-height:50px;
      box-shadow: 0px 0px 20px gainsboro;
      position: fixed;
      right: 20px;
      bottom:100px;
      z-index: 10;
      background:rgba(255,255,255,0.5);
    }
</style>
